/*
Theme Name: Spartans Speak
Theme URI: http://www.spartanspeak.ca
Description: Magazine Theme for Spartans Speak
Author: Khoa Nguyen, Franklin Leung, and Michelle Chen
Author URI: http://www.spartanspeak.ca
License URI: http://www.opensource.org/licenses/bsd-license.php
Version: 2.0
Tags:
*/

/*
 * Copyright (c) 2012, North Surrey Writers Club. All rights reserved.
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 * 
 * * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
 * 
 * * Redistributions in binary form must reproduce the above copyright notice, 
 * this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 * 
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS' AND ANY EXPRESS OR IMPLIED WARRANTIES, 
 * INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. 
 * IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) 
 * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 * 
 * http://www.opensource.org/licenses/bsd-license.php
 */

/* Reset default browser styles */
@import url('css/reset.css');

/* Rebuild browser styles to basics */
@import url('css/rebuild.css');

/* Import Superfish styles */
@import url('js/sf/superfish.css');

/* Import Google and other custom fonts for use with theme */
@import url('http://fonts.googleapis.com/css?family=Marvel:400,400italic,700,700italic');
@import url('css/fonts/font-face.css');

/* float clearfix */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main {margin-bottom: 1em; /* 16px */}
#wrapper {margin: 0 auto; background-color: #eaeaea;}
#content {
	float: right;
	width: 68.359375%; /* 700px / 1024px */
	margin: 16px 1.953125%; /* 20px / 1024px */
}
#sidebar {
	margin: 13px 1.25%;
	padding: 16px 1.5625%;
	width: 19.53125%; /* 200px / 1024px */
    float: left;
}
footer {width: 100%;clear: both;}

/* =Header
-------------------------------------------------------------- */

#branding {margin: 0 0 1em 1.953125%; /* 20px / 16px */ width: 25%;}

/* =Menu
-------------------------------------------------------------- */

#access {margin: 0 0 24px 0;}
.skip-link {
	position: absolute !important;
	top: -200em !important;
	left: -200em !important;
}
/* menu */
.header-nav {width: 100%;}
.no-js .header-nav,
.no-cssgradients .header-nav {background: #000000 url('img/nav_bg.png');}
.cssgradients .header-nav {
	background-image: -moz-linear-gradient(#151414, #252625);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#151414), to(#252625));
	background-image: -webkit-linear-gradient(#151414, #252625);
	background-image: -o-linear-gradient(#151414, #252625);
	background-image: linear-gradient(#151414, #252625);
}
/* menu remove list styling */
.header-nav ul.sf-menu {
	list-style: none;
	overflow: visible;
	padding: 0 4.8828125%; /* 50px / 1024px */
}
/* main menu in navigation */
.sf-menu a {
	padding: 0.8888888888888889em; /* 16px / 1024px */
	text-decoration: none;
	font-family: 'BebasNeueRegular', Georgia, serif;
	font-size: 1.125em; /* 18px / 16px */
	border: none;
}
.no-js .sf-menu a,
.no-textshadow .sf-menu a {color: #fff;}
.textshadow .sf-menu a {
	text-shadow: 2px 2px 1px #000000;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.27);
}
.sf-menu a, .sf-menu a:visited  {color: #fff; /* visited pseudo selector so IE6 applies text colour */ }

/* sub menu in navigation */
ul .sub-menu {font-weight: normal; overflow: visible;}
.no-js ul .sub-menu li,
.no-cssgradients ul .sub-menu li {background: #000000 url('img/nav_bg.png');}
.cssgradients ul .sub-menu li {
	background-image: -moz-linear-gradient(#151414, #252625);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#151414), to(#252625));
	background-image: -webkit-linear-gradient(#151414, #252625);
	background-image: -o-linear-gradient(#151414, #252625);
	background-image: linear-gradient(#151414, #252625);
}
.no-js .sf-menu li:hover, 
.no-js .sf-menu li.sfHover,
.no-js .sf-menu a:focus, 
.no-js .sf-menu a:hover, 
.no-js .sf-menu a:active,
.no-cssgradients .sf-menu li:hover, 
.no-cssgradients .sf-menu li.sfHover,
.no-cssgradients .sf-menu a:focus, 
.no-cssgradients .sf-menu a:hover, 
.no-cssgradients .sf-menu a:active {background-color: #07a6b9; outline: 0;}
.cssgradients .sf-menu li:hover, 
.cssgradients .sf-menu li.sfHover,
.cssgradients .sf-menu a:focus, 
.cssgradients .sf-menu a:hover, 
.cssgradients .sf-menu a:active {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
	outline: 0;
}

/* Header
--------------------------------------------------------------*/
/* the website title */
#site-title {font-family: 'BebasNeueRegular', Georgia, serif; font-size: 2.25em; /* 36px / 16px */ display: block;}
#site-title h1,
#site-title a,
#site-title img {display: block;}

/* website description underneath title */
#site-description {font-family: 'Marvel', cursive; font-size: 1.25em; /* 20px / 16px */}

/* =Content
-------------------------------------------------------------- */

/* general post */
article {background-color: #FFFFFF; padding-bottom: 1em; margin: 0 auto;}

/* post title */
.entry-title {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 2.25em; /* 36px / 16px */
	color: white;
	margin: 25px 0;
	padding: 6px 3.571428571428571%; /* 25px / 700px */
	background: url('img/article_title.png') repeat-x right center;
}
.entry-title a {color: white; text-decoration: none;}
.no-js .entry-title,
.no-cssgradients .entry-title {background: url('img/article_title.png') repeat-x right center;}
.cssgradients .entry-title {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
.no-js .entry-title,
.no-textshadow .entry-title {color: #fff;}
.textshadow .entry-title {
	text-shadow: 2px 2px 1px #000000;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.27);
}
.page-title {
	font-family: 'BebasNeueRegular', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em; /* 24px / 16px */
	color: black;
}
.page-title span {color: red;}
.no-js .page-title,
.no-textshadow .page-title {color: #000000;}
.textshadow .page-title {
	text-shadow: 2px 2px 1px #000000;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.27);
}
/* content of post */
.entry-content, .entry-summary {
	margin: 21px 3%; /* 21px / 700px */
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    clear: both;
}
.entry-content h1,
.entry-summary h1 { font-size: 2.25em; /* 36px */ }
.entry-content h2,
.entry-summary h2 { font-size: 1.5em; /* 24px */ }
.entry-content h3,
.entry-summary h3 { font-size: 1.3125em; /* 21px */ }
.entry-content h4,
.entry-summary h4 { font-size: 1.125em; /* 18px */ }
.entry-content h5,
.entry-summary h5 { font-size: 1em; /* 16px */ }
.entry-content h6,
.entry-summary h6 { font-size: 0.875em; /* 14px */ }

a.more-link {display: block; margin: 1em 0;}
.page-link {font-family: 'Marvel', cursive;}
/* post/page meta information */
.entry-utility,
.entry-meta {
	margin: 0 3.142857142857143%; /* 22px / 700px */
	font-family: 'Marvel', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
}
.social-media {
	margin: 8px 3%; /* 8px & 21px / 700px */
	width: auto;
	vertical-align: top;
}
iframe {vertical-align: top;}
.fb-like,
.twitter-tweet {
	width: 10%;
	display: block;
	float: left;
	vertical-align: top;
}
.twitter-tweet {margin-left: -1.142857142857143%; /* 8px / 700px */}
.page-link {clear: both;}

/* error 404 styling */
#post-0 p {font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 1em;}

/* =Author Bio
-------------------------------------------------------------- */
#author-bio {
	background-color: white;
	margin: 0 auto;
	padding-bottom: 1em; 
}
#author-title {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 1.5em; /* 24px / 16px */
	color: white;
	padding: 8px 3.571428571428571%; /* 8px & 25px / 700px */
}
.no-js #author-title,
.no-cssgradients #author-title {background: url('img/article_title.png') repeat-x right center;}
.cssgradients #author-title {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
#author-title span {color: black;}
.author-content {margin: 16px 2.285714285714286%; /* 16px / 700px */}
.author-content img {float: left; margin-right: 3%;}
.author-content h4 {
	font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif;
	font-size: 1.25em; /* 20px / 16px */
	clear: none;
}
.author-content h4 a {color: black; text-decoration: none;}
.author-content h4 a:hover {color: blue; text-decoration: underline;}
.author-content p {text-align: justify; clear: none; font-size: 0.875em;}

/* =Comments
-------------------------------------------------------------- */

#comments #comments-list.comments {
	background-color: #fff;
	margin: 32px 0;
	padding-bottom: 32px;
}
#comment-title {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 1.5em; /* 24px / 16px */
	color: black;
	padding: 13px 3.571428571428571%; /* 25px / 700px */
}
.no-js #comment-title,
.no-cssgradients #comment-title {background: url('img/article_title.png') repeat-x right center;}
.cssgradients #comment-title {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
#comment-title h3 span {color: white;}
/* threaded comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {background-color: #00c6cd;}
ol.commentlist li.byuser {background-color: #ff6e02;}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom:1px dotted #666; padding: 30px 0.0228571428571429%; /* 16px / 700px */ }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 1.125em 'BebasNeueRegular', Tahoma, Arial, Helvetica, sans-serif;}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:left; margin: 0 1.142857142857143%; /* 8px / 700px */ }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:100%; font-family: 'Marvel', Tahoma, sans-serif;}
ol.commentlist li.comment div.comment-meta a { color:blue; }
ol.commentlist li.comment div.comment-meta a:hover { color: red; font-weight: bold;}
ol.commentlist li.comment p { font-size:0.875em;}
ol.commentlist li.comment ul { font-size:0.875em; list-style:square; padding:0 2.285714285714286%; /* 16px / 700px */ }
ol.commentlist li.comment div.reply { font-size:100%; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:2em 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {background-color: #00c6cd;}
ol.commentlist li.comment ul.children li.byuser {background-color: #ff6e02;}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background-color:#fff; }
ol.commentlist li.odd { background-color:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist > li.comment {border: none;}
/* end threaded comments */

.comment-content {margin: 0 2.285714285714286%; /* 16px / 700px */}
.comment-reply-link {
	display: block;
	padding: 4px 4%; /* 32px / 700px */
	width: 20%;
}
.comment-reply-link a {
	font-family: 'Marvel', Tahoma, Arial, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#cancel-comment-reply {
	font-family: 'Marvel', cursive;
	font-size: 1.125em; /* 18px / 16px */
	margin: 24px 3.428571428571429%; /* 24px / 700px */
}
#trackbacks-list.comments {
	background-color: #fff;
	margin: 32px 0;
	padding-bottom: 32px;
}
#trackbacks-list.comments h3 {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 1.5em; /* 24px / 16px */
	color: #000000;
	padding: 13px 3.571428571428571%; /* 25px / 700px */
}
#trackbacks-list.comments h3 span {color: #FFF;}
.no-js #trackbacks-list.comments h3,
.no-cssgradients #trackbacks-list.comments h3 {background: url('img/article_title.png') repeat-x right center;}
.cssgradients #trackbacks-list.comments h3 {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
.no-js #trackbacks-list.comments h3,
.no-textshadow #trackbacks-list.comments h3 {color: #FFF;}
.textshadow #trackbacks-list.comments h3 {
	text-shadow: 2px 2px 1px #000000;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.27);
}
#trackbacks-list.comments ol li {list-style-type: none; margin: 2%;}
#trackbacks-list.comments ol li .comment-author {font-family: 'Century Gothic', serif; font-weight: bold;}
#respond {
	width: 100%;
	height: auto;
	background-color: #8e8e8e;
	margin-top: 32px;
	padding-bottom: 1em;
}
#comment-form-title {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 2.25em; /* 36px / 16px */
	color: white;
	margin: 28px 0;
	padding: 6px 3.571428571428571%; /* 25px / 700px */
}
.no-js #comment-form-title,
.no-cssgradients #comment-form-title {background: url('img/article_title.png') repeat-x right center;}
.cssgradients #comment-form-title {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
#comment-form-title h3 span {color: black;}
#comment-form-title h3:after {content: url('img/comment_arrow.png'); margin-left: 1.142857142857143%; /* 8px / 700px */}
.formcontainer {
	width: 96.66666666666667%;
	margin: 21px 3%; /* 21px / 700px */
}
#commentform {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.875em;}
#login {font-family: 'Marvel', cursive;font-size: 1.125em; /* 18px / 16px */}
.form-label {
	display: block;
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 1.3125em; /* 21px / 16px */
	margin-top: 10px; /* 10px / 675px */
	margin-bottom: 4px; /* 4px / 675px */
}
.form-input input {
	display: block;
	width: 50%;
	height: auto;
}
.form-textarea textarea {
	width: 90%;
	height: auto;
	border: none;
	margin: 0;
}
.form-submit {width: 97%;}
.form-submit #submit {
	font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif;
	font-size: 1.4375em; /* 23px / 16px */
	color: #fff;
	border: none;
	float: right;
	width: 33.33333333333333%; /* 200px / 600px */
}
.borderradius .form-submit #submit {border-radius: 0.3125em; /* 5px / 16px */}
.no-js .form-submit #submit,
.no-cssgradients .form-submit #submit {background: url('img/comment_submit.png') repeat-x right center;}
.cssgradients .form-submit #submit {
	background-image: -moz-linear-gradient(#f9670f, #c04a03);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9670f 0%), to(#c04a03));
	background-image: -webkit-linear-gradient(#f9670f, #c04a03);
	background-image: -o-linear-gradient(#f9670f, #c04a03);
	background-image: linear-gradient(#f9670f, #c04a03);
}
.no-js .form-submit #submit:hover,
.no-cssgradients .form-submit #submit:hover {background-image: url('img/comment_submit_hover.png');}
.cssgradients .form-submit #submit:hover {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd 0%), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}

/* =Navigation for Posts
-------------------------------------------------------------- */

nav {margin: 22px 0; overflow: visible; }
.meta-nav,  
.comments-navigation,
#nav-above,
#nav-below  {font-family: 'Marvel', sans-serif; font-size: 1em;}
.nav-previous {float: left;}
.nav-next {float: right;}
.comments-navigation {margin: 20px 2.285714285714286%; /* 16px / 700px */ }

/* =Widget and Sidebar Areas
-------------------------------------------------------------- */
.screen-reader-text {position: absolute !important; top: -9999px !important; left: -9999px !important;}
#searchform #s {width: 50%;}
.borderradius #searchform #s {-moz-border-radius: 5px; border-radius: 5px;}
#searchform #searchsubmit {width: 30%;}
.borderradius #searchform #searchsubmit {-moz-border-radius: 5px; border-radius: 5px;}

.widget-title {font-family: 'BebasNeueRegular', Tahoma, serif; border-bottom: 1px solid #000000;}
#discussion .widget-title {border: none;}
.widget-container {margin: 0 0 12% 0; /* 24px / 200px */}
ul.xoxo > li {list-style: none;}
ul.xoxo li ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	list-style-type: square;
	margin-top: 3%;
}
ul.xoxo li ul li a {color: blue; text-decoration: underline;}
ul.xoxo li ul li a:hover {color: red; text-decoration: underline; font-weight: bold;}

/* calendar widget */
#calendar_wrap th {font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif;}
#calendar_wrap td {font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif;}
#wp-calendar table, 
#wp-calendar tr,
#wp-calendar td,
#wp-calendar thead th,
#wp-calendar thead td,
#wp-calendar tfoot,
#wp-calendar tfoot th,
#wp-calendar tfoot td {border:none;}
#wp-calendar thead tr th,
#wp-calendar thead tr td {color: red;}
#wp-calendar tr td {font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif;}
#wp-calendar caption {font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif;}
#wp-calendar a {font-family: 'Marvel', cursive; font-size: 1em;}
#wp-calendar #today {font-weight: bold; color: blue;}
#wp-calendar #prev {font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif; color: #CCC;}
#wp-calendar #next {font-family: 'BebasNeueRegular', Tahoma, Arial, sans-serif; color: red;}
#wp-calendar #next a {text-decoration: none;}
#wp-calendar #next a:hover {text-decoration:underline; color: blue;}
#wp-calendar #prev a {text-decoration: none;}
#wp-calendar #prev a:hover {text-decoration:underline; color: blue;}

/* Footer
-------------------------------------------------------------- */
#extra-info {background-color: #222222;}
#extra-title {
	font-family: 'BebasNeueRegular', Georgia, serif;
	color: white;
	font-size: 2.25em; /* 36px / 16px */
	text-align: center;
	margin: 0;
}
.no-js #extra-title,
.no-cssgradients #extra-title {background: url('img/article_title.png') repeat-x right center;}
.cssgradients #extra-title {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
.no-js #extra-title h1,
.no-textshadow #extra-title h1 {color: #fff;}
.textshadow #extra-title h1 {
	text-shadow: 2px 2px 1px #000000;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.27);
}
.widget_footer .xoxo {margin: 0;}
.widget_footer .widget-title {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	background: none !important;
}
.widget_footer ul.xoxo > li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	color: white;
	width: 28.3203125%; /* 290px / 1024px */
	margin: 20px 0.68359375%; /* 7px / 1024px */
	padding: 0 0.87890625%; /* 32px / 1024px */
	float: left;
	background: none !important; 
}
.widget_footer ul.xoxo > li:first-child {margin-left: 2.9296875%;}
.widget_footer ul.xoxo li div,
.widget_footer ul.xoxo li ul {margin-top: 3% !important;}
.widget_footer ul.xoxo li a {color: #FFFFFF; text-decoration: underline;}
.widget_footer ul.xoxo li a:hover {color: #FF0000; font-weight: bold; text-decoration: underline;}
#site-info {
	margin: 0 auto;
	padding: 13px 3.90625%; /* 40px / 1024px */
	clear: both;
}
.no-js #site-info,
.no-cssgradients #site-info {background: url('img/article_title.png') repeat-x right center;}
.cssgradients #site-info {
	background-image: -moz-linear-gradient(#00c6cd, #0d87a6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c6cd), to(#0d87a6));
	background-image: -webkit-linear-gradient(#00c6cd, #0d87a6);
	background-image: -o-linear-gradient(#00c6cd, #0d87a6);
	background-image: linear-gradient(#00c6cd, #0d87a6);
}
#site-info p {
	font-family: 'Marvel', sans-serif;
	font-size: 1.125em; /* 18px / 16px */
	color: white;
	margin: 0;
	padding: 0;
}
#site-info a {color: white; text-decoration: none;}
#site-info a:hover {text-decoration: underline; color: red;}

/* General Media (images, videos, etc.)
-------------------------------------------------------------- */
img,
object,
embed {max-width: 100%;}

/* shows no border when it is a link */
a img {border: 0;}

/* clears all padding around images within content */
p img {padding: 0.3125em;max-width: 100%;}

.entry-content img {margin: 0 0 1.5em 0;}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	padding: 0.25em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	padding: 0.25em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
	font-weight: bold;
	font-family: sans-serif;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {margin: 0;}

.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
	font-size: 65%;
	font-weight: bold;
	width: 26.875em;
	line-height: 1.4em;
}
img.wp-post-image,
img.attachment-thumbnail,
img.attachment-medium,
img.attachment-large,
img.attachment-full {
	display: block;
	padding: 0.3125em;
	margin: 25px 3%;
}

/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 1.25em;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 1.25em;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/* Tables
-------------------------------------------------------------- */
table {
	margin: 2.857142857142857%; /* 20px / 700px */
	width: 80%; /* for older browsers */
	min-width: 33.33333333333333%; /* 200px / 600px */
	max-width: 83.33333333333333%; /* 500px / 600px */
}
td, th {
	border-width: thin;
	border-style: solid;
	border-color: black;
	padding: 0.3125em;
}